﻿<!-- For the latest documentation, please visit http://go.microsoft.com/fwlink/?LinkID=397704 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Getting started with Visual Studio Tools for Apache Cordova</title>
    <style>
        body {
            background: #fff;
            color: #505050;
            font: 14px 'Segoe UI', tahoma, arial, helvetica, sans-serif;
            margin: 20px;
            padding: 0;
        }

        #footer {
            clear: both;
            font-size: 0.80em;
            padding-top: 100px;
        }

        #header {
            background: #efefef;
            padding: 0;
        }

            #header p {
                margin-top: 0px;
                font-size: 20px;
                color: #fff;
                background: #969696;
                padding: 10px 30px;
                line-height: 30px;
            }

        h1 {
            background-image: url('');
            background-repeat: no-repeat;
            background-position-y: 20px;
            font-size: 40px;
            font-weight: normal;
            margin: 0px 20px;
            padding: 20px 30px 20px 70px;
            line-height: 60px;
        }

        #main {
            padding: 5px 30px;
        }

        .section {
            width: 400px;
            float: left;
            margin: 0 4% 10px 0;
        }

            .section h2 {
                font-size: 13px;
                text-transform: uppercase;
                margin: 0;
                border-bottom: 1px solid silver;
                padding-bottom: 12px;
                margin-bottom: 8px;
            }

            .section.first {
                margin-left: 0;
            }

                .section.first h2 {
                    font-size: 24px;
                    text-transform: none;
                    border: none;
                }

                .section.first li {
                    border-top: 1px solid silver;
                    padding: 8px 0;
                }

                    .section.first li.first {
                        border-top: 0px;
                    }

            .section.last {
                margin-right: 0;
            }

        ul {
            list-style: none;
            padding: 0;
            margin: 0;
            line-height: 20px;
        }

        li {
            padding: 4px 0;
        }

        a {
            color: #267cb2;
            text-decoration: none;
        }

            a:hover {
                text-decoration: underline;
            }
    </style>
</head>
<body>
    <div id="header">
        <h1>Getting started with Visual Studio Tools for Apache Cordova</h1>
        <p>Welcome! You're all set to build apps for Android, iOS, Windows and Windows Phone using Apache Cordova</p>
    </div>

    <div id="main">
        <div class="section first">
            <h2>This extension provides you with:</h2>
            <ul>
                <li class="first">Visual Studio templates optimized to build apps with JavaScript or <a href="http://go.microsoft.com/fwlink/?LinkID=511860">TypeScript</a></li>
                <li>IntelliSense support for working with Cordova and Cordova Plugins</li>
                <li>Debugging and diagnostics tools that help you build high quality apps for multiple devices more quickly</li>
            </ul>
        </div>

        <div class="section">
            <h2>Learn More</h2>
            <ul>
                <li><a href="http://go.microsoft.com/fwlink/?LinkID=397716">Read the documentation</a> to get started with the CTP of Visual Studio Tools for Apache Cordova</li>
                <li><a href="http://go.microsoft.com/fwlink/?LinkID=398476">See the project website</a> for a list of frequently asked questions and known issues</li>
                <li><a href="http://go.microsoft.com/fwlink/?LinkID=511861">View the Apache Cordova Documentation</a> to learn more about Cordova APIs</li>
                <li><a href="http://go.microsoft.com/fwlink/?LinkID=398034">Go to the Visual Studio Gallery</a> to get more templates and samples</li>
            </ul>
        </div>

        <div class="section">
            <h2>Next Steps</h2>
            <ul>
                <li><a href="http://go.microsoft.com/fwlink/?LinkID=511863">Store data in the cloud, add push notifications, and include authentication using Microsoft Azure Mobile Services</a></li>
                <li><a href="http://go.microsoft.com/fwlink/?LinkID=511864">Connect to Office 365 Calendar, Mail and Contact APIs</a></li>
            </ul>
        </div>
    </div>
</body>
</html>